.with-side {position: relative;}
.with-side .main{padding-right: 300px;}
.with-side .side {position: fixed; right: 15px; top: 100px; width: 280px;}
.with-side .nav > li > a {padding: 10px 6px;}

.hide-side .main{padding-right: 0;}
.hide-side .side {width: 0;}
.hide-side #myTab {display: none;}
.hide-side .tab-content {display: none;}
.with-side .side, .with-side .main {transition: all 0.3s ease 0s;}

.side-handle {width: 20px; z-index: 99; position: absolute; right: 320px; top: 0; transition: all 0.3s ease 0s;}
.hide-side .side-handle{right: 20px;}

[data-toggle="droppable"] {cursor: move;}

.board-item {margin-top: 5px;}
.tab-content {padding: 5px 5px 40px 5px; border: 1px solid #ddd; border-top-color: transparent; min-height: 20px;}
.page-num {padding: 5px 10px; margin: 5px; border: 1px solid #ddd; float: right; cursor: pointer; background: #f0f0f0;}

.calendar .event.with-action {position: relative; padding-right: 30px;}
.calendar .event.with-action .action {position: absolute; right: 0; top: 0;}
.calendar .event.with-action .action > a {display: inline-block; padding: 0 4px; color: #fff; background-color: rgba(0,0,0,0.25); line-height: 19px; padding: 0 6px;}
.calendar .event.with-action .action > a:hover {background-color: rgba(0,0,0,0.5)}

.calendar .table .cell-day.past > .day > .content{opacity: 1;}
.calendar .table .day{opacity: 1;}
.calendar .cell-day.past .event{opacity: 1;}

.trash {position: absolute; top: 0; right: 350px; padding: 3px 8px 3px 180px; transition: all 0.3s ease 0s;}
.hide-side .trash {right: 50px;}
.trash:hover {background: #f0f0f0;}
.trash .icon{font-size: 30px;}

.calendar-views{padding-top: 43px;}
.calendar header{position: fixed; top: 100px;}
.calendar header.fixed-date{top: 82px; background: #f1f1f1; border: 1px solid #f1f1f1; z-index:10;}
#fixedHeader {top: 116px !important;}

.assign{position:relative;padding:5px 5px;left:-5px;top:0;background-color:rgba(0, 0, 0, 0.25)}
